<template>
	<view class="business">
		<view class="title">
			<view class="line"></view>
			<view class="text">
				业务认证申请
			</view>
		</view>
		<view class="content">
				<view class="con" @click="car">
					<image src="../../static/img/driver_info.png" mode=""></image>
					<view class="lable">
						叫车
					</view>
				</view>
				<view class="con" @click="taxi">
					<image src="../../static/img/car_driver.png" mode=""></image>
					<view class="lable">
						城际约车
					</view>
				</view>
				<view class="con" @click="freight">
					<image src="../../static/img/hy.png" mode=""></image>
					<view class="lable">
						货运
					</view>
				</view>
				<view class="con" @click="housekeeping">
					<image src="../../static/img/jz.png" mode=""></image>
					<view class="lable">
						家政
					</view>
				</view>
				<view class="con" @click="commission">
					<image src="../../static/img/cxdb.png" mode=""></image>
					<view class="lable">
						车检代办
					</view>
				</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"business",
		data(){
			return{
				
			}
		},
		methods:{
			car(){
				uni.navigateTo({
					url: "/pages/index/car"
				})
			},
			taxi(){
				uni.navigateTo({
					url: "/pages/index/taxi"
				})
			},
			commission(){
				uni.navigateTo({
					url: "/pages/index/commission"
				})
			},
			freight(){
				uni.navigateTo({
					url: "/pages/index/freight"
				})
			},
			housekeeping(){
				uni.navigateTo({
					url: "/pages/index/housekeeping"
				})
			},
		}
	}
</script>

<style scoped>
	.business{
		background: rgb(255,255,255);
		height: 1250rpx;
	}
	.title{
		display: flex;
		flex-direction: row;
		padding: 30rpx;
		align-items: center;
	}
	.line{
		width: 8rpx;
		height: 40rpx;
		background: rgb(11,110,214);
	}
	.text{
		font-size: 34rpx;
		font-weight: 600;
		margin-left: 2%;
	}
	.content{
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap:wrap;
	}
	.con{
		display: flex;
		flex-direction: column;
		border: 1px solid rgb(238,238,238);
		padding: 15px 42px 15px 43px;
		align-items: center;
	}
	.con:active{
		background-color: rgb(245,245,245);
	}
	.con image{
		width: 60rpx;
		height: 60rpx;
		margin-bottom: 10%;
	}
	.con:nth-child(1){
		border-left: 0;
		border-right: 0;
	}
	.con:nth-child(3){
		border-left: 0;
		border-right: 0;
	}
	.con:nth-child(4){
		border-left: 0;
		border-top: 0;
	}
	.con:nth-child(5){
		border-left: 0;
		border-top: 0;
	}
</style>
